<%@ taglib prefix="s" uri="/struts-tags"%>
<%@taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@taglib prefix="sjg" uri="/struts-jquery-grid-tags"%>

<script type="text/javascript">
	datePick = function(elem) {
		$(elem).datepicker({
			dateFormat : "dd/mm/yy",
			 changeMonth: true,
			 changeYear: true
		});
		$('#ui-datepicker-div').css("z-index", 2000);
	};

	selboxInit = function(elem) {
		alert($(elem).attr("id"));
	};
</script>

<s:url id="gridUrl" action="modul/jabatanstrukturalpegawai/jqgrid">
	<s:param name="pegawai" value="%{#parameters.id}" />
</s:url>

<s:url id="crudUrl" action="modul/jabatanstrukturalpegawai/jqcrud">
	<s:param name="pegawai" value="%{#parameters.id}" />
</s:url>

<s:url id="jabatanUrl" action="modul/strukturorganisasi/streamtext">
</s:url>
<s:url id="pejabatTTD"
	action="modul/jabatanstrukturalpegawai/streamtext">
</s:url>
<sjg:grid id="pejabat" caption="Daftar pejabat" dataType="json"
	href="%{gridUrl}" pager="true" navigator="true"
	navigatorSearchOptions="{sopt:['eq','ne','lt','gt']}"
	navigatorAddOptions="{height:'auto',width:600,reloadAfterSubmit:true}"
	navigatorEditOptions="{height:'auto',width:600,reloadAfterSubmit:false}"
	navigatorEdit="true" navigatorView="false" navigatorDelete="true"
	navigatorDeleteOptions="{height:'auto',reloadAfterSubmit:true}"
	gridModel="list" rowList="10,15,20" rowNum="15" editurl="%{crudUrl}"
	editinline="true" onSelectRowTopics="rowselect"
	onEditInlineSuccessTopics="oneditsuccess" viewrecords="true"
	width="700" shrinkToFit="true" autowidth="true">
	<sjg:gridColumn name="id" id="id" frozen="true" index="id" title="ID"
		width="60" formatter="integer" editable="false" sortable="false"
		search="true" searchoptions="{sopt:['eq','ne','lt','gt']}" />

	<sjg:gridColumn name="strukturOrganisasi.id" index="strukturOrganisasi.id"
		title="jabatan" edittype="select" sortable="false" editable="true"
		hidden="true" editrules="{edithidden:true}" 
		editoptions="{dataUrl:'%{jabatanUrl}',dataInit:selboxInit}" />

	<sjg:gridColumn name="strukturOrganisasi.nama"
		index="jabatanStrukturOrganisasi.nama" title="Jabatan"
		sortable="false" editable="false" />

	<sjg:gridColumn name="strukturOrganisasi.namaJabatan"
		index="jabatanStrukturOrganisasi.namaJabatan" title="Nama Jabatan"
		sortable="false" editable="false" />

	<sjg:gridColumn name="tanggalMulaiMenjabat" id="tanggalMulaiMenjabat"
		index="tanggalMulaiMenjabat" title="Tanggal Mulai Menjabat"
		width="250" editable="true" edittype="text" sortable="true"
		search="false" editoptions="{dataInit:datePick}" formatter="date"
		formatoptions=" { newformat: 'd/m/Y' }" />

	<sjg:gridColumn name="tanggalAkhirMenjabat" id="tanggalAkhirMenjabat"
		index="tanggalAkhirMenjabat" title="Tanggal Berakhir Menjabat"
		width="250" editable="true" edittype="text" sortable="true"
		search="false" editoptions="{dataInit:datePick}" formatter="date"
		formatoptions=" { newformat: 'd/m/Y' }" />

	<sjg:gridColumn name="tanggalSK" id="tanggalSK" index="tanggalSK"
		title="Tanggal SK" width="250" editable="true" edittype="text"
		sortable="true" search="false" editoptions="{dataInit:datePick}"
		formatter="date" formatoptions=" { newformat: 'd/m/Y' }" />
	<sjg:gridColumn name="nomorSK" id="nomorSK" index="nomorSK"
		title="Nomor SK" width="250" editable="true" edittype="text"
		sortable="true" search="false" />
	<sjg:gridColumn name="pejabatPendandaTangan.id"
		index="pejabatPendandaTangan" title="Pejabat TTD" edittype="select"
		sortable="false" editable="true" hidden="true"
		editrules="{edithidden:true}"
		editoptions="{dataUrl:'%{pejabatTTD}',dataInit:this}" />
</sjg:grid>
